<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

	<style type="text/css">
.navbar {
	/*background-color: #DFE4E6;*/
	border-bottom: 1px solid #BCC7CF;
	padding: 40px;
	height: 15%;
}
</style>
	<!--  <div class="navbar">-->
	<h:form prependId="false">
		<p:growl id="mensajes-header" life="2000" />
		<div id="myheader" style="height: 110px;">
			<div style="float: left;width:90%;">
				<img align="left" border="0" class="cuerpo" height="80" id="logo"
					src="#{request.contextPath}/resources/img/sisclas_1.jpg" />
				<div align="center">
					<h1 class="cuerpo">Sistema de Gestión de Incidencias</h1>
				</div>
				<!-- <h:outputText
					style="font-size: 30px; font-family: monospace; color: #9cb5d6; font-weight: bold;"
					value="SISCLAS" />-->
			</div>
			<div style="float: right">
				<table>
					<tbody>
						<tr>
							<td><h:outputText
									value="#{usuarioController.docente == null ? usuarioController.soporte.nombreDocente : usuarioController.docente.nombreDocente}"
									style="padding-right: 50px;" /></td>
							<td><p:commandLink id="logout"
									actionListener="#{usuarioController.logout}"
									style="font-size: 15px; color: #9cb5d6; font-weight: bold;"
									shape="circle" update="mensajes-header">
									<h:outputText value="Logout" />
								</p:commandLink></td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>

	</h:form>
	<!-- </div>-->

</ui:composition>